Design Mocks

For our Pets app, here are the design mocks that we received from our designer. We’ll be building this app together in this course.

When you open the app, you’ll see a list of pets.

When you click on a pet, you're taken to its detail page. You can update the pet’s information from this page. Notice the activity title is "Edit Pet".

When a new pet comes into the shelter, you can add it to the list by clicking the Floating Action Button (FAB) in the bottom right corner. This takes you to a form similar to the detail screen above, but without any data filled in. Notice the activity title is "Add a Pet".

If a pet is entered by mistake, they can be removed via the "Delete" menu option from the detail screen.